<%-- 
    Document   : mostrarDetalle
    Created on : 03-jul-2012, 9:03:48
    Author     : Administrador
--%>
<%@page import="com.javabeans.Estudiante"%>
<%@page import="com.javabeans.Usuario"%>
<%@page import="com.javabeans.Carrera"%>
<%@page import="com.javabeans.Etiqueta"%>
<%@page import="com.javabeans.Tiempo"%>
<%@page import="com.javabeans.Foro"%>
<%@page import="java.util.List"%>
<% 
    String s_path = request.getContextPath(); 
    String msg = "";
    if(request.getParameter("msg") !=null){
        msg = request.getParameter("msg");
    }
    session = request.getSession(true);
    session.removeAttribute("qaptcha_key");
    
    List<Foro> foroOpi = (List<Foro>) request.getAttribute("opiniones");
    
    List<Etiqueta> etique = (List<Etiqueta>) request.getAttribute("correspondeAll");
    String ids[] = (request.getAttribute("ids")+"").split("_"); // idCarrera+"_"+op+"_"+idEtiqueta
    
    int idCarrera = Integer.parseInt(ids[0]);
    int op = Integer.parseInt(ids[1]);           // para q se pinte // 2 es preguntas
    int idEtiqueta = Integer.parseInt(ids[2]);// para q se pinte // 2 es preguntas
    
    String voto = "";
    String auxVarios = "";
    int i = 0;
    int resp = 0;
    String pintar = "";
    String leido = "";
    int anios = 0;
    int meses = 0;
    int semanas = 0;
    int dias = 0;
    long horas = 0;
    long minutos = 0;
    long segundos = 0;
    
    String nomb = "";
    //cuando esta logueado [false <-- cuando no esta autentificado][true <-- cuando esta autentificado]
    boolean isLogueado = false;
    int quienEs = 0;// true docente; false estudiante [new 1 admin;2 doc; 3 estu;]
    if( session.getAttribute("s_docente") != null){
        isLogueado = true;// principal para saber si existe sesion
        quienEs = 2;
    }else if( session.getAttribute("s_estudiante") != null){
        isLogueado = true;// principal para saber si existe sesion
        quienEs = 3;
    }else if(session.getAttribute("s_Usuario") != null){// admin
        quienEs = 1;
        isLogueado = true;
    }
    
%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>        
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SI-ESFM</title>
        <meta name="description" content="Derechos Reservados SI-ESFM" />
        <link rel="stylesheet" href="<%=s_path%>/css/styles.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/menu/style.css" type="text/css" />
        <link rel="shortcut icon" href="<%=s_path%>/images/ico.png" type="image/png"/>
        <link rel="stylesheet" href="<%=s_path%>/css/qaptcha/QapTcha.jquery.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/foro.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/themes/start/jquery-ui-1.8.20.custom.css" type="text/css" />
        <style type="text/css">
            /**para el foro*/
            #nav {float: right;margin: 10px 0px 0px 0px;width: 750px;}
            #roof {margin-top: 8px;}
            div.userList > div.user > ul > li {overflow: hidden;}
            .comment.not_top_scorer {display: block;}
            .comment-form-container {display: block;}
            .div.comment-tools {display: none;}
        </style>
        <script type="text/javascript" src="<%=s_path%>/js/md5.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/jquery.form.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/validate/jquery.validate.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.core.min.js"></script>  <!--si o si cargar esto-->
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.widget.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.position.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.mouse.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.button.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.draggable.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.resizable.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.dialog.min.js"></script>
        <script type="text/javascript">
            var isLogueado = <%=isLogueado%>;
            $(document).ready(function(){    
                limpiar();
                
                $("#dialogo").dialog({
			autoOpen: false,
                        title: "Ingrese su pregunta",
			height: 350,
			width: 550,
			modal: true,
			buttons: {
                            "Aceptar": function() {
                                var flag = $("#formPreg").valid();
                                if(flag){
                                    $.ajax({
                                        type: 'POST',
                                        url: 'Foros',
                                        data: $('#formPreg').serialize(),
                                        success: function(res){
                                            if(res==1)
                                                location.href="Foros?accion=2&carrera="+<%=idCarrera%>;                                            
                                        },
                                        error:function(){alert("Error! al registrar la pregunta")}
                                    });
                                    $( this ).dialog( "close" );
                                }
                            },
                            Cancelar: function() {
                                $( this ).dialog( "close" );
                            }
			},
			close: function() {
                            // implementar lo que convenga
			}
		});
                
                $('#formMensaje').ajaxForm({
                    beforeSubmit: validate,
                    beforeSend:function(obj){                        
                    },
                    success: function(res, statusText, xhr, form){
                        $("#addMsg").append(res);
                        limpiar();
                    },
                    complete:function(){                       
                    },
                    error:function(){
                       alert("error! al registrar el mensaje.");
                    }
		});
            });
            function validate(formData, jqForm, options){
                if( !$("#formMensaje").valid() ){
                    return false;
                }
            }
            function limpiar(){
                $("#editor").val("");                
            }            
            function menu(op){
                switch(parseInt(op,10)){
                    case 1:
                        location.href='<%=s_path%>/';
                        break;
                    case 2:
                        location.href='<%=s_path%>/web/index.jsp?tipo=2';
                        break;
                    case 3:
                        location.href='<%=s_path%>/web/index.jsp?tipo=3';
                        break;
                    case 4:
                        location.href='<%=s_path%>/web/index.jsp?tipo=4';
                        break;  
                    case 5:
                        location.href="<%=s_path%>/Foros?accion=1";
                        break;
                }
            }
            function mostrarDetalleForo(idForo,cantLeido){
                location.href='Foros?accion=3&idForo='+idForo+"&cantLeido="+cantLeido;
            }
            function iniciarDialogo(){
                if(isLogueado){
                    $('#formPreg').each(function(){
                        this.reset();
                    });
                    $("#accion").val("6");
                    $("#titleForm").text("Nueva Pregunta");
                    $( "#dialog:ui-dialog" ).dialog( "destroy" );
                    $( "#dialogo" ).dialog( "open" );
                    $("#titulo").focus();
                }else{
                    alert("Por favor inicie sesi\u00f3n.");
                }
            }
            function voto(estado,auxVarios){// true <-- add voto; false <-- restar voto
                $.ajax({
                    type: 'POST',
                    url: 'Foros?accion=7',
                    data: {estado:estado,auxVarios:auxVarios},
                    success: function(res){
                        $("#cantVoto").html(res);
                    },
                    error:function(){alert("Error! al registrar el voto")}
                });
            }
            function sinRespuesta(){
                alert("asas");
            }
        </script>
    </head>
    <body>
        <div id="top-wrap">
            <!-- cabeza principal -->
            <%@include file="headForo.jsp" %>
            <!--header ends here-->
            
            <!-- cuerpo -->
            <div id="bodySpace">               
                <!-- aqui va la ruta -->
                <div class="clearfix" id="middle">
                    <!-- aqui va el arbol de entrada -->
                    <div id="breadcrumb"><!-- le da la forma de la imagen -->
                        <ul>
                            <li><a href="<%=s_path%>/Foros?accion=1">Home</a></li>
                            <li><span style="color:#666">Avisos</span></li>
                            <li class="current-page"><span class="end"><span class="middle">&nbsp;</span></span></li>
                        </ul>
                        <!-- para la hora -->
                        <div style="clear: both;position: absolute;text-align: right;width: 100%;"><span id="fechaServ"></span>&nbsp;&nbsp;<span id="horaServ" style=""></span>&nbsp;</div>
                    </div><!-- begin SIDEBAR FIRST -->
                </div>
                
                <div id="principal">
                    <!-- todo el cuerpo disponible para el area de trabajo -->
                    <div class="cuerpoCompleto" style="border: 0px solid">
                        <div class="innerLeft" style="border: 0px solid">
                            <!-- template header.html -->
                            <div id="roof">
                                <div id="logo">
                                    <a href="">
                                        <img src="<%=s_path%>/images/foro/logo3.png" title="" alt="SISS logo comunidad">
                                    </a>
                                </div>
                                <div id="top">
                                    <% 
                                     if(isLogueado){
                                         Usuario s_docente = null;
                                         Usuario s_admin   = null;
                                         Estudiante s_estudiante = null;
                                         
                                         if(quienEs ==1){// admin
                                             s_admin = (Usuario)session.getAttribute("s_Usuario"); 
                                             nomb    = s_admin.getLogin();
                                             out.println("<a href='#'>"+s_admin.getNombre()+"</a>");
                                             out.println("<span class='score' title='Sesi&oacute;n iniciada'>1</span>");
                                             out.println("<a href='Foros?accion=18&idCarrera="+idCarrera+"' title='Cerrar sesi&oacute;n'>Cerrar sesi&oacute;n</a>");
                                         }else if(quienEs == 2){ // doc
                                             s_docente = (Usuario)session.getAttribute("s_docente"); 
                                             nomb = s_docente.getLogin();
                                             out.println("<a href='#'>"+s_docente.getNombre()+"</a>");
                                             out.println("<span class='score' title='Sesi&oacute;n iniciada'>1</span>");
                                             out.println("<a href='Foros?accion=13&idCarrera="+idCarrera+"' title='Cerrar sesi&oacute;n'>Cerrar sesi&oacute;n</a>");
                                         }else if(quienEs == 3){ // est
                                             s_estudiante = (Estudiante)session.getAttribute("s_estudiante");
                                             nomb = s_estudiante.getNombre();
                                             out.println("<a href='#'>"+s_estudiante.getNombre()+"</a>");
                                             out.println("<span class='score' title='Sesi&oacute;n iniciada'>1</span>");
                                             out.println("<a href='Foros?accion=15&idCarrera="+idCarrera+"' title='Cerrar sesi&oacute;n'>Cerrar sesi&oacute;n</a>");
                                         }
                                    }else{
                                        out.println("<a href='Foros?accion=11&carrera="+idCarrera+"' title='Pulse aqu&iacute; para iniciar sesi&oacute;n'>acceso</a>  ");
                                    }
                                    %>
                                </div>
                                <div id="nav">
                                    <a id="nav_questions" class="<%=op==2?"on":""%>" href="javascript:location.href='Foros?accion=2&carrera=<%=idCarrera%>'"><font><font>Temas </font></font></a>
                                    <a id="nav_tags"      class="<%=(op==10)?"on":""%>" href="javascript:location.href='Foros?accion=10&carrera=<%=idCarrera%>'"><font><font>Etiquetas </font></font></a>                                    
                                    <a id="nav_unanswered" class="<%=op==9?"on":""%>" href="javascript:location.href='Foros?accion=9&carrera=<%=idCarrera%>'"><font><font>Temas sin respuesta </font></font></a>
                                    <a id="nav_ask" href="javascript:iniciarDialogo()" class="special"><font><font>Crear Tema</font></font></a>
                                </div>
                            </div>
                            <div class="clear"></div>
                            <div id="searchBar">
                                <form action="Foros?accion=8&carrera=<%=idCarrera%>&op=<%=op%>" method="post">
                                    <div>
                                        <input type="text" name="palabra" class="searchInput" value="" id="keywords">
                                        <font><font><input type="submit" name="Submit" value="B&uacute;squeda" class="boton"></font></font><!--borrar eso :searchBtn-->
                                    </div>
                                </form>	
                            </div>
                            <!-- end template header.html -->
        
                            <div id="wrapper">
                                <div id="room">
                                    <div id="CALeft">
                                        <%  i = 0;
                                            for(Foro f : foroOpi){
                                                Etiqueta c = f.getEtiqueta();
                                                Carrera ca = f.getCarrera();
                                                Tiempo t = f.getTiempo();
                                                
                                                if( i == 0){// es para el q pregunta, su css debe ser un poco diferente, el resto no cambia
                                                    auxVarios += f.getFor_idForo()+"_"+ca.getIdCarrera()+"_"+f.getTitulo()+"_"+c.getIdEtiqueta();
                                                    voto = f.getVoto()+"";
                                                    %>
                                                    <div class="headNormal">
                                                        <h2><a href=""><font><font><%=f.getTitulo()%></font></font></a></h2>
                                                    </div>
                                                    <div id="main-body" class="">
                                                        <div id="askform">
                                                            <table style="width:100%;" id="question-table">
                                                            <tbody>
                                                                <tr>
                                                                    <td style="width:30px;vertical-align:top">
                                                                        <div class="vote-buttons">
                                                                            <%
                                                                                out.println("<a href='javascript:"+(isLogueado?"voto(true,\""+auxVarios+"\")":"alert(\"Por favor inicie sesi\u00f3n.\")")+"'  id='post-9589-upvote' title='Pulse aqu&iacute; para agregar voto.' class='ajax-command post-vote up' rel='nofollow'> </a>");
                                                                            %>
                                                                            <div id="cantVoto" class="post-score" title="n&uacute;mero actual de votos"><%=f.getVoto()%></div>
                                                                            <%
                                                                                out.println("<a href='javascript:"+(isLogueado?"voto(false,\""+auxVarios+"\")":"alert(\"Por favor inicie sesi\u00f3n.\")")+"'  id='post-9589-downvote' title='Pulse aqu&iacute; para quitar voto.' class='ajax-command post-vote down' rel='nofollow'> </a>");
                                                                            %>
                                                                            <a href="" id="favorite-mark" title="Agregar a favoritos" class="ajax-command favorite-mark " rel="nofollow"> </a>
                                                                            <div id="favorite-count" class="favorite-count"></div>
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div id="item-right">
                                                                            <div class="question-body"><p><font><font><%=f.getMensaje()%></font></font></p></div>
                                                                            <div id="question-tags" class="tags-container tags"><a href="" class="post-tag" title="" rel="tag"><font><font><%=c.getNombre()%></font></font></a></div>
                                                                            <div id="question-controls" class="post-controls"></div>
                                                                            <div class="">
                                                                                <div class="post-update-info">
                                                                                    <%
                                                                                        // para el tiempo
                                                                                        // para el tiempo
                                                                                        if( 0<t.getSegundos() && t.getSegundos()<60 ){
                                                                                            segundos = t.getSegundos();
                                                                                            out.println("<span class='relativetime' title=''><font><font>Hace "+(segundos==1?segundos+" segundo.":segundos+" segundos.")+" </font></font></span>");
                                                                                        }else if( 0<t.getMinutos() && t.getMinutos()<60 ){
                                                                                            minutos = t.getMinutos();
                                                                                            out.println("<span class='relativetime' title=''><font><font>Hace "+(minutos==1?minutos+" minuto.":minutos+" minutos.")+" </font></font></span>");
                                                                                        }else if( 0<t.getHoras() && t.getHoras()<24 ){
                                                                                            horas = t.getHoras();
                                                                                            out.println("<span class='relativetime' title=''><font><font>Hace "+(horas==1?horas+" hora.":horas+" horas.")+" </font></font></span>");
                                                                                        }else if( 0<t.getDias() && t.getDias()<7 ){
                                                                                            dias = t.getDias();
                                                                                            out.println("<span class='relativetime' title=''><font><font>Hace "+(dias==1?dias+" dia.":dias+" dias.")+" </font></font></span>");
                                                                                        }else if( 0<t.getSemanas() && t.getSemanas()<=4 ){
                                                                                            semanas = t.getSemanas();
                                                                                            out.println("<span class='relativetime' title=''><font><font>Hace "+(semanas==1?semanas+" semana.":semanas+" semanas.")+" </font></font></span>");
                                                                                        }else if( 0<t.getMeses() && t.getMeses()<12 ){
                                                                                            meses = t.getMeses();
                                                                                            out.println("<span class='relativetime' title=''><font><font>Hace "+(meses==1?meses+" mes.":meses+" meses.")+" </font></font></span>");
                                                                                        }else{
                                                                                            anios = t.getAnios();
                                                                                            out.println("<span class='relativetime' title=''><font><font>Hace "+(anios==1?anios+" a&ntilde;o.":anios+" a&ntilde;os.")+" </font></font></span>");
                                                                                        }
                                                                                    %>
                                                                                    <img class="gravatar" width="32" height="32" src="<%=s_path%>/images/foro/foto2.png" alt="La imagen de avatar">
                                                                                    <p><a href=""><font><font><%=f.getAutor()%> </font></font></a><br>
                                                                                    <span class="score" title="Un karma"><font><font>1</font></font></span></p>
                                                                                </div>
                                                                            </div>
                                                                            <div class="comments-container" id=""></div>
                                                                            <div id="" class="comment-tools">                                                                                
                                                                            </div>
                                                                            <div id="" class="comment-form-container"></div>
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table><hr/>
                                                        <%
                                                            if(foroOpi.size() != 1){
                                                                %>
                                                                <div class="tabBar">
                                                                    <a name="sort-top"></a>
                                                                    <div class="headQuestions"><font><font><%=(foroOpi.size()-1 == 1)?"1 respuesta":(foroOpi.size()-1)+" respuestas"%></font></font></div>
                                                                    
                                                                    <div class="tabsA"><a href="" title="">
                                                                        <font><font>m&aacute;s antigua </font></font></a><a href="" title="">
                                                                            <font><font>&uacute;ltimo </font></font></a><a href="" class="on" title="">
                                                                                <font><font>m&aacute;s votado</font></font></a>
                                                                    </div>
                                                                </div>
                                                                <%
                                                            }
                                                }else{
                                                    %>
                                                    <a name="9590"></a>
                                                    <div id="" class="answer">
                                                        <table style="width:100%;">
                                                            <tbody>
                                                            <tr>
                                                                <td style="width:30px;vertical-align:top">
                                                                    <div class="vote-buttons">
                                                                        <%
                                                                            out.println("<a href='javascript:"+(isLogueado?"voto(true,\""+auxVarios+"\")":"alert(\"Por favor inicie sesi\u00f3n.\")")+"'  id='post-9589-upvote' title='Pulse aqu&iacute; para agregar voto.' class='ajax-command post-vote up' rel='nofollow'> </a>");
                                                                        %>
                                                                        <div id="cantVoto" class="post-score" title="n&uacute;mero actual de votos">&nbsp;</div>
                                                                        <%
                                                                            out.println("<a href='javascript:"+(isLogueado?"voto(false,\""+auxVarios+"\")":"alert(\"Por favor inicie sesi\u00f3n.\")")+"'  id='post-9589-downvote' title='Pulse aqu&iacute; para quitar voto.' class='ajax-command post-vote down' rel='nofollow'> </a>");
                                                                        %>
                                                                    </div>
                                                                </td>
                                                                <td>
                                                                    <div class="item-right">
                                                                        <div class="answer-body">
                                                                            <p><font><font></font></font></p><p><font><font><%=f.getMensaje()%></font></font><!--<a href=""><font></font></a>--><font><font> </font></font></p>
                                                                        </div>
                                                                        <div class="answer-controls post-controls"></div>
                                                                        <div class="post-update-info-container">
                                                                            <div class="post-update-info">
                                                                                <%
                                                                                    // para el tiempo
                                                                                    if( 0<t.getSegundos() && t.getSegundos()<60 ){
                                                                                        segundos = t.getSegundos();
                                                                                        out.println("<span class='relativetime' title=''><font><font>Hace "+(segundos==1?segundos+" segundo.":segundos+" segundos.")+" </font></font></span>");
                                                                                    }else if( 0<t.getMinutos() && t.getMinutos()<60 ){
                                                                                        minutos = t.getMinutos();
                                                                                        out.println("<span class='relativetime' title=''><font><font>Hace "+(minutos==1?minutos+" minuto.":minutos+" minutos.")+" </font></font></span>");
                                                                                    }else if( 0<t.getHoras() && t.getHoras()<24 ){
                                                                                        horas = t.getHoras();
                                                                                        out.println("<span class='relativetime' title=''><font><font>Hace "+(horas==1?horas+" hora.":horas+" horas.")+" </font></font></span>");
                                                                                    }else if( 0<t.getDias() && t.getDias()<7 ){
                                                                                        dias = t.getDias();
                                                                                        out.println("<span class='relativetime' title=''><font><font>Hace "+(dias==1?dias+" dia.":dias+" dias.")+" </font></font></span>");
                                                                                    }else if( 0<t.getSemanas() && t.getSemanas()<=4 ){
                                                                                        semanas = t.getSemanas();
                                                                                        out.println("<span class='relativetime' title=''><font><font>Hace "+(semanas==1?semanas+" semana.":semanas+" semanas.")+" </font></font></span>");
                                                                                    }else if( 0<t.getMeses() && t.getMeses()<12 ){
                                                                                        meses = t.getMeses();
                                                                                        out.println("<span class='relativetime' title=''><font><font>Hace "+(meses==1?meses+" mes.":meses+" meses.")+" </font></font></span>");
                                                                                    }else{
                                                                                        anios = t.getAnios();
                                                                                        out.println("<span class='relativetime' title=''><font><font>Hace "+(anios==1?anios+" a&ntilde;o.":anios+" a&ntilde;os.")+" </font></font></span>");
                                                                                    }
                                                                                %>
                                                                                <img class="gravatar" width="32" height="32" src="<%=s_path%>/images/foro/foto1.png" alt="la imagen de todork gravatar">
                                                                                <p><a href=""><font><font><%=f.getAutor()%></font></font></a><br>
                                                                                <span class="score" title="926 Karma"><font><font>926</font></font></span><span title="4 insignias"><span class="bronze"><font><font>â—� </font></font></span><span class="badgecount"><font><font>4</font></font></span></span></p>
                                                                            </div>
                                                                        </div>
                                                                        <div class="comments-container" id=""></div>
                                                                        <div id="" class="comment-tools">                                                                            
                                                                        </div>
                                                                        <div id="" class="comment-form-container"></div>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                    <%
                                                }
                                                i++;
                                            }
                                            if (i >0 ){
                                            }
                                        %>
                                                <div id="addMsg"></div>
                                                <div class="paginator-container-left"></div>
                                                <form id="formMensaje" name="formMensaje" action="Foros" method="post">
                                                    <input type="hidden" name="accion" value="5"/>
                                                    <input type="hidden" name="auxVarios" id="auxVarios" value="<%=auxVarios%>"/>
                                                    <div style="clear:both"></div>
                                                    <div style="padding:10px 0 0 0;">
                                                        <div class="headNormal"><font><font>Su respuesta</font></font></div>
                                                        <div style="background-color: #FEC; padding: 1em; border: 1px solid #FA5;">
                                                            <font><font>Si usted tiene una </font></font>
                                                            <strong><font><font>respuesta</font></font></strong>
                                                            <font><font> a la pregunta anterior, a continuaci&oacute;n, utilice el formulario. </font>
                                                            <font class="">De lo contrario, utilice el bot&oacute;n 'Pregunta' apropiado, que esta arriba para publicar sus propios temas.</font>
                                                            </font>
                                                        </div>
                                                    </div>
                                                    <div id="" class="">
                                                        <div id="wmd-button-bar" class="wmd-panel">
                                                            <ul id="wmd-button-row">
                                                            </ul>
                                                        </div>
                                                        <div class="resizable-textarea">
                                                            <span>
                                                                <span style="float: left">Autor :</span>
                                                                <input type="text" name="autor" id="autor" value="<%=nomb%>" class="form_input_align required" minlength="3" readonly=""/>
                                                                <textarea name="mensaje" id="editor" class="processed required" rows="10" cols="40" minlength="10" ></textarea>
                                                                <div class="grippie" style="margin-right: -6px; "></div>
                                                            </span>
                                                        </div>
                                                        <div class="preview-toggle">
                                                            <table width="100%">
                                                                <tbody>
                                                                <tr>
                                                                    <td>
                                                                        <span id="pre-collapse" title="Activar o desactivar la vista previa en tiempo real">                                                                            
                                                                        </span>
                                                                    </td>
                                                                    <td style="text-align: right;" id="editor-metrics"></td>
                                                                    <td style="text-align:right;">                                                                        
                                                                        <span style="font-weight:normal;cursor:help" title="Si elige la opci&oacute;n wiki de la comunidad, la pregunta y la respuesta no generan puntos y el nombre del autor no se muestra">                                                                            
                                                                        </span>
                                                                    </td>
                                                                </tr>
                                                                </tbody>
                                                            </table>  
                                                        </div>                                                                         
                                                    </div>
                                                    <p><span class="form-error"></span></p>
                                                    <% 
                                                    if(isLogueado){
                                                        out.println("<input type='submit' value='A&ntilde;adir comentario' class='boton' style='float:left' >");
                                                    }else{
                                                        out.println("<input type='button' value='A&ntilde;adir comentario' class='boton' style='float:left' onclick='javascript:alert(\"Por favor inicie sesi\u00f3n.\");'>");
                                                    }%>
                                                </form>
                                            </div>
					</div>
                                    </div><!-- fin del cuerpo medio -->
                                    <div id="CARight">
                                        <div class="boxC"><div class="questions-count">
                                            <font><font> 1</font></font><span style="color:black;font-size:14px;margin-left:5px"><font><font>preguntas</font></font></span></div><div class="questions-count">
                                            <font><font> <%=(i==1?"1 ":(i-1)+"")%></font></font><span style="color:black;font-size:14px;margin-left:5px"><font><font>respuestas</font></font></span></div><div><p class="nomargin">
                                            <font><font> La mayores </font></font><strong><font><font>se han actualizado recientemente</font></font></strong>
                                            <font><font> las preguntas</font></font></p></div>
                                        </div>
                                        <div id="sidebar-lower" class="boxC">
                                            <div class="body">
                                                <h2>¿Tienes preguntas? Tenemos las respuestas!</h2>
                                                <p>
                                                    Este es el foro para la comunidad Siss.
                                                    <% if( !isLogueado ) { %>
                                                        <a href="Foros?accion=11&carrera=<%=idCarrera%>" title='Pulse aqu&iacute; para iniciar sesi&oacute;n'>Entrar</a>                                                        
                                                        hoy mismo!
                                                    <% } %>
                                                </p>
                                                <p><a href="" title="">Siss - m&aacute;s inteligente en los foros.</a></p>
                                            </div>
                                        </div>
                                        <div class="boxC">
                                            <h3><font><font>Etiquetas</font></font></h3>
                                            <div class="body">
                                                <div class="tags" id="recent-tags">
                                                    <% 
                                                      for(Etiqueta c : etique){
                                                          if(c.getIdEtiqueta() == idEtiqueta)
                                                            out.println("<a rel='tag' title='"+c.getTitle()+"' href='javascript:location.href=\"Foros?accion=3&idCorresponde="+c.getIdEtiqueta()+"&carrera="+idCarrera+"&nombCorres="+c.getNombre()+"&op="+op+""+"\"'>"+c.getNombre()+"</a>");
                                                      } %>
                                                </div>
                                                <div class="more"><a href=""><font><font>etiquetas </font></font></a> </div>
                                            </div>
                                        </div>
                                        <div class="boxC">
                                            <h3><font><font>Comunidad!<br/><br/><br/><!--Insignias recientes--></font></font></h3>
                                            <div class="body">
                                                <ul class="badge-list">                                                    
                                                </ul>
                                                <div class="more"><a href=""><font><font>&nbsp;<!--todas las insignias --></font></font></a> </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="tail" style="clear:both;"></div>
                                </div>
                                <div class="spacer3"></div>
                            </div>
                        </div>
                        <!---DIALOGO-->                     
                        <%@include file="dialogo.jsp" %>
                    </div><!--end of leftPan-->
                </div><!--end of content-wrapper-->
            </div><!--end of body-wrap-->
            
            <!-- footer -->
            <%//@include file="../../footer.jsp" %>
            
	</div><!--end of outer-wrapper-->
    </body>
</html>
